<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <a href="http://www.baidu.com">点击</a>
    <!-- <button>点击</button> -->
    <script>
      // 默认事件 默写元素或者事件  自带的事件
      // document.oncontextmenu = function(){
      //     console.log("点击了");
      // }
      // var btn = document.querySelector("button");
      // btn.onclick = function(){
      //     window.location.href = "http://www.baidu.com";
      // }

      // 跳转之前循环是否真的跳转功能？
      // 绑定的事件和默认事件冲突了；优先执行了默认事件
      // 阻止默认事件
      // 1.e.preventDefault(); // 可以写在任意位置； 兼容性问题 如果是IE8 或者以下 e.returnValue=false;
      // 2.return false ； // 只能写在最后
      var aEle = document.querySelector("a");
      aEle.onclick = function (e) {
        // e.preventDefault(); //阻止默认事件；

        var res = confirm("是否真的要跳转");
        if (res) {
          console.log("要跳转");
          window.location.href = "http://www.sohu.com";
        } else {
          console.log("不跳转");
        }

        return false;
      };
    </script>
  </body>
</html>
